* {
	margin: 0;
	padding: 0;
}
html,body{
	width:100%;
	height:100%;
	
}
a {
	text-decoration: none;
}

img {
	border: none;
}

li {
	list-style: none outside none;
}

body {
	font-size: 16px;
	font-family: "宋体";
}
.wrap{
	width: 100%;
	/*height: 100%;*/
	overflow: hidden;
}
.jindu{
	width: 95%;
	height: 1.1rem;
	overflow: hidden;
	margin: auto;
	margin-top: .15rem;
	position: relative;
}
.progress{
	width: 2.28rem;
	height: .2rem;
	background:white;
	border-radius: .1rem;
	position: absolute;
	top:.73rem;
	left: .68rem;
}
.press{
	width: .7rem;
	height: 1rem;
}
.press img{
	width: .7rem;
	height: 1rem;
	/*background: lightcyan;*/
	/*border-radius: .15rem;*/
	/*margin-left: 0.01rem;*/
}
.red{
	/*min-width: .25rem;
	max-width: 2.07rem;*/
	width: 1.08rem;
	height: .18rem;
	background:white;
	border-radius: .1rem 0 .2rem .1rem   ;
	position: absolute;
	top:.01rem;
	left: .02rem;
	background: -webkit-linear-gradient(top,rgb(255,179,226) 0%,rgb(208,75,105) 100%);
}
.progressTitle{
	width: 1.8rem;
	height: .6rem;
	background:url(../img/protitle.png)no-repeat;
	background-size: 100% 100%;
	border-radius: .1rem;
	position: absolute;
	left: .9rem;
}
.blue{
	width: 2.24rem;
	height: .18rem;
	background:white;
	border-radius: .1rem;
	position: absolute;
	top:.01rem;
	left: .02rem;
    background: -webkit-linear-gradient(top, rgb(189,236,255) 0%,  rgb(57,188,239) 100%);
          
}
.vword{
	width: 2.5rem;
	height: .4rem;
	margin:0 auto;
	margin-top: .2rem;
	background: url(../img/bai.png) no-repeat;
	background-size: 100% 100%;
}
.fenye{
	width: 100%;
	position: relative;
	margin-top:-12.05rem;
}
.swiper-container {
		width: 100%;
		min-height: 100vh;
		display: block;
	}
.contentB .swiper-pagination{
	margin-left:.4rem;
	/*top:.05rem;*/
	margin-top:-.1rem ;
}
.contentB .swiper-pagination-bullet{
	width: 1rem;
	height: .8rem;
	border: none;
	border-radius: 1px;
	color:blue;
	font-size: .14rem;
}
	
.contentB .swiper-pagination-bullet:nth-of-type(1){
		background: url(../img/doubleBtn.png)no-repeat;
		background-size:100% 80% ;
		opacity: 1;
		/*display: none;*/
	}

.contentB .swiper-pagination-bullet:nth-of-type(2){
	background: url(../img/doublezhu.png)no-repeat;
	background-size:100% 80%;
	margin-left: 1rem;
	opacity: 1;
	margin-top: .2rem;
    display: none;
}
.contentB .swiper-pagination-bullet:nth-of-type(3){
	background: url(../img/singleBtn.png)no-repeat;
	background-size:100% 80% ;
	opacity: 1;
	margin-left: 1rem;
	/*display: none;*/
}
.mainintroduction{
	width: 100%;
	margin-top: .2rem;
	position: relative;
}

.tophot{
	width: .6rem;
	height: .7rem;
	position: absolute;
	top:1.6rem;
	right:.43rem;
}
.tophot img{
	width: 100%;
	height: 100%;
}

.rule1{
	width: 100%;
	margin: 0 auto;
	margin-top: .8rem;
}
.rule1 img{
	width: 100%;
}
.bang{
	width: 2.04rem;
	height: 1.42rem;
	position: absolute;
	top:.45rem;
	left: .8rem;
}
.bang img{
	width: 100%;
	height: 100%;
}
.top{
	width: 100%;
	height: .4rem;
	position: relative;
}
.topkuang{
	width: 100%;
	height: .4rem;
	background: url(../img/top.png)no-repeat;
	background-size: 100% 100%;
	margin-top: -.05rem;
}
.top6{
	width:.8rem;
	height: .9rem;
	position: absolute;
	top: -.2rem;
}
.top6 img{
	width: 100%;
}

/*表白专区*/

.art{
	width: 100%;	
}
.artN{
	width: 100%;
}
.artD{
	width: 100%;
}
.comment_center{
	width: 100%;
}
.comment_centerN{
	width: 100%;
}
.comment_centerD{
	width: 100%;
}
.comment_li{
	width:100%;
	/*padding: .1rem;*/
	padding-top:.2rem;
	padding-bottom: .2rem;
	border-bottom: 10px solid #f7f7f7;
}
.comment_li_tou{
	width:100%;
	height: .6rem;
	margin-left: .1rem;
	overflow: hidden;
}
.commenttouxiang{
	width: .42rem;
	height: .42rem;
	border-radius: .1rem;
	border: 1px solid transparent;
	float: left;
	overflow: hidden;
}
.commenttouxiang img{
	width:100%;
	height: 100%;
}
.commentnicheng{
	height: .4rem;
	margin-left: .2rem;
	float: left;
}
.commentname{
	letter-spacing: .01rem;
	font-size: .13rem;
	font-weight: 800;
}
.commenttime{
	font-size: .09rem;
	color: grey;
}
.commentimg{
	width:95%;
	height: 2.3rem;/*去掉*/
	text-align: center;
	margin: auto;
	border-radius: .05rem;
	border: 1px solid gainsboro;
	overflow: hidden;
	position: relative;
}
.commentimg img{
	/*max-width: 100%;
	max-height: 100%;
	vertical-align:middle;*/
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;

}
.commentimg span{ 
	display:inline-block;
	height:100%;
	vertical-align:middle;
} 
.commentword{
	width: 95%;
	margin:0 auto;
	margin-top:.2rem;
	font-size: .13rem;
	padding-bottom:.1rem;
	letter-spacing: .02rem;
	line-height: .28rem;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.commentPoint{
	width: 95%;
	height: .3rem;
	margin: auto;
	margin-top: .1rem;
	overflow: hidden;
}
.commentPointzan,.commentPointall,.commentPointping{
	height:.2rem;
	float: left;
	overflow: hidden;
}
.commentPointzan img,.commentPointall img,.commentPointping img{
	height:100%;
	float: left;
}
.commentPointzan span,.commentPointall span,.commentPointping span{
	font-size: .12rem;
	float: left;
	margin-top: .02rem;
	margin-left: .1rem;
}
.commentPointall{
	float: left;
	margin-left: .3rem;
}
.commentPointping{
	float: right;
}
.enaisearch{
	width: 100%;
	height: .4rem;
	padding-top:.08rem;
	box-sizing: border-box;
	background: rgb(255,137,163);
	overflow: hidden;
	margin-top: 1rem;
}
.danshensearch{
	width: 100%;
	height: .4rem;
	background: rgb(115,212,252);
	overflow: hidden;
	box-sizing: border-box;
	padding-top:.08rem;
	margin-top: 1rem;
}
.enaisearchword,.danshensearchword{
	width: .8rem;
	height: .2rem;
	float: left;
	margin-left: .2rem;
	color: rgb(40,40,40);
	letter-spacing: .02rem;
	font-size: .15rem;
	font-weight: bolder;
}
.enaisearchinput,.danshensearchinput{
	width: 2rem;
	height: .4rem;
	float: left;
	margin-top: -.04rem;
	position: relative;
}
.enaiinput,.dansheninput{
	-webkit-appearance: none;
    display: block;
    font-size: 14px;
	width: 1.7rem;
	padding-left:.4rem;
	height: .29rem;
	outline: none;
	border:1px solid transparent;
	border-radius:.05rem;
}
#search{
	width: .2rem;
	height: .2rem;
	position: absolute;
	top:.06rem;
	left:.05rem;
}
#search2{
	width: .2rem;
	height: .2rem;
	position: absolute;
	top:.06rem;
	left:.05rem;
}
.searchsure,.danshensearchsure{
	width: .4rem;
	height: .29rem;
	line-height: .29rem;
	float: left;
	background: rgb(255,255,255);
	border: 1px solid transparent;
	border-radius: .05rem;
	margin-left:.2rem ;
	margin-top: -.04rem;
	letter-spacing: .01rem;
	color:black;
	font-size: .13rem;
	text-align: center;
}
#neirong_name{
	color:#6db0f9;
}
#neirong_word{
	line-height: .12rem;
	font-size:.12rem;
	word-wrap: break-word;
	word-break: break-word;
}
.fatieBtn{
	width:.7rem;
	height: .7rem;
	background: url(../img/fatie.png)no-repeat;
	background-size: 100% 100%;
	position: fixed;
	bottom: .4rem;
	right: .1rem;
	z-index: 1000;
	display: none;
}
.pinglun{
	width: 100%;
	height: .5rem;
	border: 1px solid gainsboro;
	position: fixed;
	bottom:0;
	background: white;
	z-index: 10000000;
	display: none;
}
.pinglun textarea{
	width: 80%;
	height: .3rem;
	font-size: .13rem;
	border: none;
	position: absolute;
	bottom:.1rem;
	left: .1rem;
	line-height: .3rem;
	resize: none;
}
.tijiaoping{
	width: 12%;
	height: .3rem;
	line-height: .3rem;
	border-radius:.1rem;
	border: 1px solid gainsboro;
	
	background: black;
	color:white;
	text-align: center;
	letter-spacing: .01rem;
	font-size: .12rem;
	position: absolute;
	bottom:.1rem;
	right: .08rem;
}
.showmore1{
	width: .6rem;
	height: .3rem;
	line-height: .3rem;
	font-size:.10rem;
	color: rgb(109,176,255);
	position: absolute;
	top:.65rem;
	right:0;
}
.showmore{
	width: .6rem;
	height: .3rem;
	line-height: .3rem;
	font-size:.10rem;
	color: rgb(109,176,255);
	position: absolute;
	top:.76rem;
	right:0;
}
.black{
	width:100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	background: black;
	z-index: 1000000;
	text-align: center;
	overflow: hidden;
	line-height:100vh;
	display: none;
}
.black img{
	max-width: 100vw;
	max-height: 100vh;
	vertical-align:middle;
}
.black span{ 
	width: 0;
	display:inline-block;
	height:100vh;
	vertical-align:middle;
} 
